<script language="javascript">
	$(document).ready(function(){
		$("#mycarousel").jCarouselLite({
			btnNext: ".next",
			btnPrev: ".prev",
			visible : 6,
			scroll: 1,
			speed : 400
		});						
	});	
</script>
<div id="bg_listimg">
    <div class="w940">
        <div class="icon_click float_left"><a href="javascript:;" class="next"><img src="<?php echo base_url(); ?>assets/img/back.png" alt="" /></a></div>
        <div class="w885 float_left m10l m17t" id="mycarousel">
            <ul class="list_img">
                <?php if($slides): foreach($slides as $row){?>
                <li><a href="<?php echo base_url(); ?>galleri.html"><img src="<?php echo base_url(); ?>assets/auto_thumbnail/timthumb.php?src=<?php echo base_url(); ?>upload/slide/<?php echo $row->image;?>&h=78&w=130&zc=1" alt="" /></a></li>
                <?php } endif;?>
            </ul>
        </div>
        <div class="icon_click float_right"><a href="javascript:;" class="prev"><img src="<?php echo base_url(); ?>assets/img/next.png" alt="" /></a></div>
        <div class="clear"></div>
    </div>
</div>